// progress-list.js - 学习进度列表页面逻辑

Page({
  data: {
    // 筛选条件
    activeFilter: 'all',
    
    // 进度列表数据
    progressList: [
      {
        id: '1',
        name: '小学英语单词入门',
        date: '2023-05-20',
        progress: 75,
        status: 'inProgress',
        statusText: '进行中'
      },
      {
        id: '2',
        name: '日常英语会话',
        date: '2023-05-19',
        progress: 45,
        status: 'inProgress',
        statusText: '进行中'
      },
      {
        id: '3',
        name: '英语数字与时间',
        date: '2023-05-18',
        progress: 90,
        status: 'inProgress',
        statusText: '进行中'
      },
      {
        id: '4',
        name: '基础英语语法',
        date: '2023-05-15',
        progress: 100,
        status: 'completed',
        statusText: '已完成'
      },
      {
        id: '5',
        name: '英语字母表',
        date: '2023-05-10',
        progress: 100,
        status: 'completed',
        statusText: '已完成'
      }
    ],
    
    // 过滤后的进度列表
    filteredProgressList: []
  },

  onLoad: function() {
    // 加载进度数据
    this.loadProgressData();
  },

  onShow: function() {
    // 每次显示页面时刷新数据
    this.loadProgressData();
  },

  // 加载进度数据
  loadProgressData: function() {
    // 在实际应用中，这里会从服务器获取进度数据
    // 目前使用本地模拟数据
    
    // 初始化过滤后的进度列表
    this.updateFilteredProgressList();
  },

  // 切换筛选条件
  switchFilter: function(e) {
    const filter = e.currentTarget.dataset.filter;
    this.setData({
      activeFilter: filter
    });
    
    // 更新过滤后的进度列表
    this.updateFilteredProgressList();
  },

  // 更新过滤后的进度列表
  updateFilteredProgressList: function() {
    let filteredList = this.data.progressList;
    
    // 根据筛选条件过滤
    if (this.data.activeFilter === 'completed') {
      filteredList = this.data.progressList.filter(item => item.status === 'completed');
    } else if (this.data.activeFilter === 'inProgress') {
      filteredList = this.data.progressList.filter(item => item.status === 'inProgress');
    }
    
    this.setData({
      filteredProgressList: filteredList
    });
  },

  // 查看进度详情
  viewProgressDetail: function(e) {
    const progressId = e.currentTarget.dataset.id;
    wx.navigateTo({
      url: '/pages/parent/progress-detail/progress-detail?id=' + progressId
    });
  }
});